<!DOCTYPE html>
<html>
	<head>
    <meta charset="utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 页面描述 -->
    <meta name="description" content="遇农" />
    <!-- 页面关键词 -->
    <meta name="keywords" content="遇农" />
    <!-- 网页作者 -->
    <meta name="author" content="" />
    <!-- 搜索引擎抓取 -->
    <meta name="robots" content="all" />
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
    <!-- iOS 设备 begin -->
    <meta name="apple-mobile-web-app-title" content="遇农" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->

    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" href="css/informationForDetails.css" />
    <!-- 	/*ie9兼容h5标签*/
	/*在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件，并解析它*/
	/*并且要放到head标签中*/ -->
    <!--[if lt IE 9]>
	    <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
	</head>
	<body>
		<!-- 头部区域 -->
		<header>

			<!-- 顶部导航 -->
			<div class="top-nav">

				<div class="logo"><img src="img/logo.png" alt="" /></div>

				<!--   <div class="date-choice" title="选择时间,查看选择作物种植温度">

                    <form name="date">

                      <select name="year" onchange="selectYear(this.value)">

                        <option value="">选择 年</option>

                      </select>

                      <select name="month" onchange="selectMonth(this.value)">

                        <option value="">选择 月</option>

                      </select>

                      <select name="day">

                        <option value="">选择 日</option>

                      </select>

                    </form>

                </div> -->
				<!-- <span id="showNav" class="show-nav">三</span> -->

				<ul class="nav">

					<li>
						<a href="index.html">首页</a>
					</li>

					<li>
						<a href="information.html" class="top-nav-active">资讯</a>
					</li>

					<li>
						<a href="crop-details.html">作物信息</a>
					</li>

					<li>
						<a href="planting search.html" >种植技术</a>
					</li>

					<li>
						<a href="login.html">登陆</a>
					</li>

				</ul>

			</div>
		</header>
		<section>
		<div class="informationForDetails">
			<span class="title">暴雨蓝色预警 广东福建浙江等地局地有暴雨</span><br />
			<span class="date">2019-04-29
</span><br />
			<img class="detailImg" src="img/banner/banner2.jpg";/>
			<div class="direction">
				<p>中国天气网讯 中央气象台4月29日18时继续发布暴雨蓝色预警：预计，4月29日20时至30日20时，广西中东部、广东大部、湖南南部、江西东部和南部、福建西部和北部、浙江中南部等地的部分地区有大雨，其中......</p>
				<p>中国天气网讯 中央气象台4月29日18时继续发布暴雨蓝色预警：预计，4月29日20时至30日20时，广西中东部、广东大部、湖南南部、江西东部和南部、福建西部和北部、浙江中南部等地的部分地区有大雨，其中......</p>
				<p>中国天气网讯 中央气象台4月29日18时继续发布暴雨蓝色预警：预计，4月29日20时至30日20时，广西中东部、广东大部、湖南南部、江西东部和南部、福建西部和北部、浙江中南部等地的部分地区有大雨，其中......</p> 
			</div>
		</div>
		<!-- 页脚 -->
        <footer>
            <div class="footer-logo">
                    <img src="img/logo2.png" alt=""/>
            </div>

            <div class="footer-title">遇农</div>
        </footer>
    </section>
	</body>
</html>
